<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>一加 | 商品列表</title>
		<link rel="stylesheet" href="/css/list.css">
		<link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
		<script src="/libs/swiper/js/swiper.min.js"></script>
	</head>
	<body>
		<header style="position: fixed;top:0;z-index: 2;"></header>
		<div class="top" style="margin-top:60px;">
			<!-- <img src="/images/a.jpg" > -->
			<div class="swiper-container">
			   <div class="swiper-wrapper" id="lbt">
					
			    </div>
				<script type="text/html" id="lbtTemplate">
					{{each banners lbt}}
					<div class="swiper-slide"><a href="/html/list.html?id=5"><img src="{{lbt.imageUrl}}" ></a></div>
					{{/each}}
					{{each banners lbt}}
					<div class="swiper-slide"><a href="/html/list.html?id=5"><img src="{{lbt.imageUrl}}" ></a></div>
					{{/each}}
				</script>
			    <!-- 如果需要导航按钮 -->
			    <div class="swiper-button-prev"></div>
			    <div class="swiper-button-next"></div>
			</div>
		</div>
		<div class="center">
			<ul id="good">
				
			</ul>
			<script type="text/html" id="goodTemplate">
				{{each list shop}}
				{{if shop.price}}
				<li>
					<a href="/html/detail.html?id={{shop.id}}">
						<span class="pic">
							<img src="{{shop.image}}" alt="">
						</span>
						<p>{{shop.title.slice(0,15)}}...<br>￥{{shop.price}}</p>
						
						{{if shop.couponValue}}
						<span class="yhq">{{shop.couponValue}}</span>
						{{/if}}
					</a>
				</li>
				{{/if}}
				{{/each}}
			</script>
		</div>
		<footer></footer>
		<script src="/libs/require.js" data-main="/js/list.js"></script>
		
	</body>
</html>
